@import "../vars.scss";

.vt-icon__container {
  color: var(--vt-icon-color);
}

.vt-icon__container {
  @each $type, $color in $colors {
    --vt-icon-#{$type}:#{$color};
  }
}

.vt-icon--primary {
  --vt-icon-color: var(--vt-icon-primary)
}

.vt-icon--success {
  --vt-icon-color: var(--vt-icon-success)
}

.vt-icon--warning {
  --vt-icon-color: var(--vt-icon-warning)
}

.vt-icon--danger {
  --vt-icon-color: var(--vt-icon-danger)
}

.vt-icon--info {
  --vt-icon-color: var(--vt-icon-info)
}